<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>驴妈妈统计系统</title>
		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<link rel="stylesheet" href="${rc.contextPath}/assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="${rc.contextPath}/assets/css/fonts.googleapis.com.css" />
		<link rel="stylesheet" href="${rc.contextPath}/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
		<link rel="stylesheet" href="${rc.contextPath}/assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="${rc.contextPath}/assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="${rc.contextPath}/assets/css/bsie-paginator.css" />
		<link rel="stylesheet" href="${rc.contextPath}/assets/css/daterangepicker.min.css" />
		<link rel="stylesheet" href="${rc.contextPath}/assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${rc.contextPath}/stylesheets/loading.css" />
		<link rel="stylesheet" href="${rc.contextPath}/stylesheets/tips.css" />
	</head>
	<style>
		th{text-align: center;}
		button{height:33px;}
	</style>
	<body class="skin-2" style="background-color: #FFF;">
          <input type="hidden" id="commentDays" value="${commentDaysCode!''}">
		  <div class="tabbable">
			<div class="tab-content">
				<div id="manage" class="tab-pane active in">
					<div class="row">
						<div class="col-xs-12">
							<!-- 筛选条件开始 -->
							<div class="row">
								<div class="col-xs-12">
									<div class="title" style="height:60px;font-size: 26px;text-align: center;font-weight: bolder;">
									         ${commentDaysName!''}点评总量<span style="color:red;">${countByDays!''}</span>条（历史总量：${count!''}条）
									</div>
									<p style="float: right;">
                                        <#if commentDaysCode?? && commentDaysCode==7>
                                                <button attr="7" class="queryTendency btn">近七天</button>
                                            <#else>
                                                <button attr="7" class="queryTendency btn btn-info">近七天</button>
                                        </#if>
                                        <#if commentDaysCode?? && commentDaysCode==15>
                                                <button attr="15" class="queryTendency btn">半月内</button>
                                            <#else>
                                                <button attr="15" class="queryTendency btn btn-pink">半月内</button>
                                        </#if>
                                        <#if commentDaysCode?? && commentDaysCode==31>
                                                <button attr="31" class="queryTendency btn">一月内</button>
                                            <#else>
                                                <button attr="31" class="queryTendency btn btn-warning">一月内</button>
                                        </#if>
										<#if commentDaysCode?? && commentDaysCode==365>
											<button attr="365" class="queryTendency btn">全部</button>
										<#else>
											<button attr="365" class="queryTendency btn btn-success">全部</button>
										</#if>

									</p>
								</div>
							</div>

							<!-- 筛选条件结束 -->
							<div class="row">
							    <div class="col-sm-4">
									<div class="widget-box">
										<div class="widget-header widget-header-small">
							                <h5 style="color:#000;"><span>${commentDaysName}点评数量趋势分析</span>
							                    <label class="help_img">
							                        <i class="blue ace-icon fa fa-question-circle bigger-120" style="color:#6f727f!important;"></i>
							                        <span class='tips'><span class="content_name">${commentDaysName}点评满意度数量的趋势图</span><s></s></span>
							                    </label>
							                </h5>
							            </div>
							            <div class="widget-body" style="height: 300px;" id="lineChartDiv">
							                <div id="lineChart"></div>
							            </div>
									</div>
								</div>
								<div class="col-sm-4"  style="padding-left: 0px!important;">
									<div  class="widget-box">
										<div class="widget-header widget-header-small">
							                <h5 style="color:#000;"><span>${commentDaysName}点评满意度占比分析</span>
							                    <label class="help_img">
							                        <i class="blue ace-icon fa fa-question-circle bigger-120" style="color:#6f727f!important;"></i>
							                        <span class='tips'><span class="content_name">${commentDaysName}点评满意度占比饼状图</span><s></s></span>
							                    </label>
							                </h5>
							            </div>
							            <div class="widget-body" style="height: 300px;" id="pieChartDiv">
							                <div id="pieChart"  style="cursor: pointer;"></div>
							            </div>
									</div>
								</div>
								<div class="col-sm-4"  style="padding-left: 0px!important;">
									<div  class="widget-box">
										<div class="widget-header widget-header-small">
							                <h5 style="color:#000;"><span>${commentDaysName}点评时间分布</span>
							                    <label class="help_img">
							                        <i class="blue ace-icon fa fa-question-circle bigger-120" style="color:#6f727f!important;"></i>
							                        <span class='tips'><span class="content_name">${commentDaysName}点评时间距离下单时间的分布情况</span><s></s></span>
							                    </label>
							                </h5>
							            </div>
							            <div class="widget-body" style="height: 300px;" id="pieChart3Div">
							                <div id="pieChart3"  style="cursor: pointer;"></div>
							            </div>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="col-sm-6">
									<div class="widget-box">
										<div class="widget-header widget-header-small">
							                <h5 style="color:#000;"><span>${commentDaysName}各品类点评数</span>
							                    <label class="help_img">
							                        <i class="blue ace-icon fa fa-question-circle bigger-120" style="color:#6f727f!important;"></i>
							                        <span class='tips'><span class="content_name">${commentDaysName}各品类点评数</span><s></s></span>
							                    </label>
							                </h5>
							            </div>
							            <div class="widget-body" style="height: 300px;" id="piechart2Div">
							                <div id="piechart2"  style="cursor: pointer;"></div>
							            </div>
									</div>
								</div>
								<div class="col-sm-3"  style="padding-left: 0px!important;">
									<div class="widget-box">
										<div class="widget-header widget-header-small">
							                <h5 style="color:#000;"><span>${commentDaysName}<span style="color:red;">差评量</span>排名前十的产品</span>
							                    <label class="help_img">
							                        <i class="blue ace-icon fa fa-question-circle bigger-120" style="color:#6f727f!important;"></i>
							                        <span class='tips'><span class="content_name">${commentDaysName}差评主要分布产品的情况，取排名前十</span><s></s></span>
							                    </label>
							                </h5>
							            </div>
							            <div class="widget-body" style="height: 300px;" id="barChart4Div">
							                <div id="barChart4" style="cursor: pointer;"></div>
							            </div>
									</div>
								</div>
								<div class="col-sm-3"  style="padding-left: 0px!important;">
									<div  class="widget-box">
										<div class="widget-header widget-header-small">
							                <h5 style="color:#000;"><span>${commentDaysName}排名前十的<span style="color:red;">消极观点</span></span>
							                    <label class="help_img">
							                        <i class="blue ace-icon fa fa-question-circle bigger-120" style="color:#6f727f!important;"></i>
							                        <span class='tips'><span class="content_name">${commentDaysName}差评主要分布属性的情况，取排名前十</span><s></s></span>
							                    </label>
							                </h5>
							            </div>
							            <div class="widget-body" style="height: 300px;" id="barChart5Div">
							                <div id="barChart5" style="cursor: pointer;"></div>
							            </div>
									</div>
								</div>
							</div>
							
							
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="${rc.contextPath}/assets/js/jquery-2.1.4.min.js"></script>
		<script src="${rc.contextPath}/assets/js/ace-extra.min.js"></script>
		<script src="${rc.contextPath}/assets/js/user/base.js"></script>
		<script src="${rc.contextPath}/assets/js/bootstrap.min.js"></script>
		<!-- page specific plugin scripts -->
		<script src="${rc.contextPath}/assets/js/jquery-ui.min.js"></script>
		<script src="${rc.contextPath}/assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="${rc.contextPath}/assets/js/jquery.gritter.min.js"></script>
		<script src="${rc.contextPath}/assets/js/moment.min.js"></script>
		<script src="${rc.contextPath}/assets/js/bootstrap-datetimepicker.min.js"></script>
		<script src="${rc.contextPath}/assets/js/daterangepicker.min.js"></script>
		<!-- ace scripts -->
		<script src="${rc.contextPath}/assets/js/ace-elements.min.js"></script>
		<script src="${rc.contextPath}/assets/js/ace.min.js"></script>
		<script type="text/javascript" src="${rc.contextPath}/javascripts/loading.js"></script>
		<script src="${rc.contextPath}/javascripts/dateRange.js"></script>
		<script src="${rc.contextPath}/javascripts/g2.js"></script>
		<script src="${rc.contextPath}/javascripts/g2-modal.js"></script>
		<script src="${rc.contextPath}/javascripts/slider.js"></script>
		<script src="${rc.contextPath}/javascripts/d3.min.js"></script>
        <!--点评概览js-->
		<script src="${rc.contextPath}/assets/js/comment/overview.js"></script>

	</body>
</html>